﻿<!DOCTYPE HTML>
<html>

<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="Bookmark" href="/favicon.ico">
	<link rel="Shortcut Icon" href="/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
	<!-- <script src="../ckeditor/ckeditor/ckeditor.js"></script> -->
	<style>
		.neirong {
			overflow: hidden;
		}

		.box_b {
			width: 240px;
		}

		.tit {
			height: 65px;
			background: #d2d2d2;
			line-height: 65px;
			font-size: 17px;
		}

		.yz {
			display: flex;
			justify-content: space-around;
			margin-top: 25px;
			width: 65%;
			color: #fc403c;
		}

		.yz>a {
			color: #fc403c;
		}

		.but {
			display: flex;
			justify-content: space-around;
			padding-top: 25px;
			width: 64%;

		}

		.ht_k {
			margin-left: 50px;
			resize: none;
			width: 80%;
			height: 500px;
			position: relative;
			left: 50px;
		}

		.b_an {
			width: 60px;
			height: 35px;
			background: #fff;
			border: 1px solid #d2d2d2;
			border-radius: 4px;
			cursor: pointer;
		}
	</style>
</head>

<body>
	<div class="page-container">
		<div class="tit col-md-9">编辑合同</div>
		<form class="form form-horizontal col-md-9" id="form-article-add">
			<div id="tab-system" class="HuiTab neirong">
				<div class="tabCon">
					<div class="row cl">
						<label class="form-label col-xs-1 col-sm-1">
							合同类型：</label>
						<select class="select" name="brandclass" size="1" style="width:210px;height: 31px;position: relative;top: 2px;left:15px;">
							<option value="0" selected>租赁合同</option>
							<option value="1">劳务合同</option>
							<option value="2">委托代理</option>
							<option value="3">公司出资协议书</option>
							<option value="4">借贷合同</option>
							<option value="5">借贷担保合同</option>
							<option value="6">经销合同</option>
							<option value="7">法律事务委托合同</option>
							<option value="8">其他合同</option>
						</select>
					</div>

					<div class="row cl">
						<label class="form-label col-xs-1 col-sm-1">
							合同标题：</label>
						<div class="formControls col-xs-11 col-sm-11 box_b">
							<input type="text" id="website-title" placeholder="不超过25个字" value="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-1 col-sm-1">
							合同说明：</label>
						<div class="formControls col-xs-11 col-sm-11 box_b">
							<textarea id="website-Keywords" placeholder="不超过200个字" class="input-text"></textarea>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-1 col-sm-1">
							签署方：</label>
						<div class="formControls col-xs-11 col-sm-11 box_b">
							<input type="text" id="website-description" placeholder="请输入名字" value="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-1 col-sm-1">
							联系方式：</label>
						<div class="formControls col-xs-11 col-sm-11 box_b">
							<input type="text" id="website-static" placeholder="请输入联系方式" value="" class="input-text">
						</div>
					</div>
					<div style="margin-top: 15px;">
						<!-- <textarea name="Contents" style='margin-left:50px'></textarea>
                    <script type="text/javascript">
                    CKEDITOR.replace('Contents', {
                        filebrowserBrowseUrl: '../ckeditor/ckfinder/ckfinder.html',
                        filebrowserImageBrowseUrl: '../ckeditor/ckfinder/ckfinder.html?type=Images',
                        filebrowserFlashBrowseUrl: '../ckeditor/ckfinder/ckfinder.html?type=Flash',
                        filebrowserUploadUrl: '../ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                        filebrowserImageUploadUrl: '../ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                        filebrowserFlashUploadUrl: '../ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                    });
                    </script> -->
						<textarea name="" class="ht_k" style='margin-left:50px'>


						</textarea>
						<div style="width: 100px;height: 100px;border:1px solid #d2d2d2;position: absolute;right: 13%;top: 75%; display: flex;justify-content: center;border-radius: 4px;">
							<span style="align-self: center;color:#fc403c;cursor: pointer;">请选择印章</span>
						</div>
						<div class="yz">
							<a href="">选择印章</a>
							<a href="">新增印章</a>
						</div>
						<div class="but">
							<button name="" id="" class="b_an" type="submit">预览</button>
							<button name="" id="" class="b_an" type="submit">保存</button>
							<button name="" id="" class="b_an" type="submit">发送</button>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>

	<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>


	<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript" src="../lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript" src="../lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript" src="../lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript">
		$(function () {
			$('.skin-minimal input').iCheck({
				checkboxClass: 'icheckbox-blue',
				radioClass: 'iradio-blue',
				increaseArea: '20%'
			});
			$("#tab-system").Huitab({
				index: 0
			});
		});
	</script>

</body>

</html>